<template>
    <el-table :data="studentData" style="width: 100%">
      <el-table-column fixed prop="id" label="id" width="150" />
      <el-table-column prop="name" label="name" width="120" />
      <el-table-column prop="age" label="age" width="120" />
      <el-table-column prop="sex" label="sex" width="120" />
      <el-table-column prop="className" label="className" width="600" />
      <el-table-column fixed="right" label="Operations" min-width="120">
        <template #default>
          <el-button link type="primary" size="small" @click="handleClick">
            Detail
          </el-button>
          <el-button link type="primary" size="small">Edit</el-button>
        </template>
      </el-table-column>
    </el-table>
  </template>
  
  <script lang="ts" setup>
  const handleClick = () => {
    console.log('click')
  },
  const studentData = [
  { id: 1, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 2, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 3, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 4, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 5, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 6, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 7, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 8, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 9, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 10, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 11, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 12, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 13, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 14, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 15, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 16, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 17, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 18, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 19, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 20, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 21, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 22, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 23, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 24, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 25, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 26, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 27, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 28, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 29, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 30, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 31, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 32, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 33, name: '张三', age: 18, sex: '男', className: '一班' },
  { id: 34, name: '张三', age: 18, sex: '男', className: '一班' }
  ]
  </script>

<script>

</script>
  